<template>
    <div id="v_txt">
        <quill-editor 
      v-model="inputName" 
      ref="myQuillEditor" 
      :options="editorOption" 
      @blur="onEditorBlur($event)" 
      @focus="onEditorFocus($event)"
      @change="onEditorChange($event)">
    </quill-editor>
    </div>
</template>
<script>
import { quillEditor } from 'vue-quill-editor'
export default {
    name:'',
    data(){
        return {            
            editorOption:{
                modules:{
                    toolbar:[
                        ['bold', 'italic', 'underline', 'strike','code-block','align'],
                        [{'size':['small', false, 'large', 'huge']}],
                        [{'color':[]},{'background':[]}]                        
                    ]  
                }
            }
        }
    },
     props: {
      inputName: String,
      required: true
    },
    methods:{
        onEditorBlur(){//失去焦点事件
        
        },
        onEditorFocus(){//获得焦点事件
        
        },
        onEditorChange(){//内容改变事件
        
        }
    }
    
}
</script>
<style>

</style>